.items-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
           gap: 40px;
    
      padding: 40px;
      max-width: 1200px;
      margin: auto;
  }
    
  .item {
    
     overflow: hidden;
     
     
      text-align: center;
      flex: 0 0 calc(25% - 40px); /* 4 در هر ردیف */
      box-sizing: border-box;
  }
    
  .item img {
      width: 150px;
  height:200px;
     
      object-fit: cover;
      border-radius: 10px;
     
  }
   .item img:hover {
     
     transform:1.05px;
  }
    
  .item-title {
      font-size: 16px;
      font-weight: bold;
      margin: 10px 0;
    text-align:center;
    font-family:vazir;
  }
    
  .item-title a {
      text-decoration: none;
      color: #007bff;
      transition: 0.3s;
  }
     
  .item-title a:hover {
      transform: scale(1.05);
      color: #007bcf;
   
  }  
   
    
          
  @media (max-width: 900px) {
      .item {
          flex: 0 0 calc(50% - 40px); /* 2 در هر ردیف */
      }
  }
    
  @media (max-width: 600px) {
      .item {
          flex: 0 0 calc(100% - 40px);/* 1 در هر ردیف */
      }
  }